﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="" />
<meta name="author" content="" />
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->

 <title>Home</title>
<!-- BOOTSTRAP CORE STYLE CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet" />
  <!-- VEGAS SLIDESHOW STYLE CSS -->
<link href="assets/plugins/vegas/jquery.vegas.min.css" rel="stylesheet" />
 <!-- FONTAWESOME STYLE CSS -->
<link href="assets/css/font-awesome.min.css" rel="stylesheet" />
<!-- CUSTOM STYLE CSS -->
<link href="assets/css/style.css" rel="stylesheet" />    
<!-- GOOGLE FONT -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
 <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

</head>
<body data-spy="scroll" data-target="#menu">
<div class="navbar navbar-inverse navbar-fixed-top scrollclass" id="menu" >
	<div class="container">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="#"><img src="assets/img/logo180-50.png" alt="" style="max-height:40px" /></a>
		</div>
		<div class="navbar-collapse collapse">
			<ul class="nav navbar-nav navbar-right">
				<li><a href="#home">HOME</a></li>
				 <li><a href="#about">ABOUT</a></li>
				<li><a href="#services">SERVICES</a></li>
				<li><a href="#contact">CONTACT</a></li>
			</ul>
		</div>
	   
	</div>
</div>
<!--NAVBAR SECTION END-->
<div id="home" >
   <div class="container">
	   <div class="row">
		   <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 ">
			   <div id="carousel-slider" data-ride="carousel" class="carousel slide">

					<div class="carousel-inner">
						<div class="item active">

							<h1 >  Explore This Template Design  </h1>
						</div>
						<div class="item">
						 <h1 > THIS TEMPLATE IS HANDMADE</h1>
						</div>
						<div class="item">
						  <h1>  AWESOMENESS  JUST FOR YOU</h1>
						</div>
					</div>
					<!--INDICATORS-->
					<ol class="carousel-indicators">
						<li data-target="#carousel-slider" data-slide-to="0" class="active"></li>
						<li data-target="#carousel-slider" data-slide-to="1" class=""></li>
						<li data-target="#carousel-slider" data-slide-to="2" class=""></li>
					</ol>

				</div>
			
			  
		   </div>
	   </div>
		<div class="row">
		   <div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2  scrollclass">
			  
			
			   <p >
				   Lorem ipsumdolor sitamet, consect adipiscing elit
				   Lorem ipsumdolor sitamet, consect adipiscing elit
				 
			   </p>
			   <br/>
			   <a href="#about" class="btn  btn-lg custom-btn-1"><i class="fa fa-home" ></i>ABOUT </a>  
			   <a href="#services" class="btn  btn-lg custom-btn-1" ><i class="fa fa-comments-o" ></i> SERVICES </a>
				<a href="#contact" class="btn btn-lg custom-btn-1"><i class="fa fa-globe" ></i> CONTACT </a>
		   </div>
	   </div>
   </div>
   
</div>
	<!--HOME SECTION END-->
   <hr/>
<section id="about"  >
   <div class="container">
	   <div class="row">
		   <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2  text-center">
		   <h2>ABOUT US</h2>
			<p >
				   Lorem ipsumdolor sitamet, consect adipiscing elit
				   Lorem ipsumdolor sitamet, consect adipiscing elit.
				   Lorem ipsumdolor sitamet, consect adipiscing elit.
				   Lorem ipsumdolor sitamet, consect adipiscing elit.
				   Lorem ipsumdolor sitamet, consect adipiscing elit
				 
			   </p>
		   </div>
		   </div>
		   <div class="row ">
			<div class="col-lg-4 col-md-4 col-sm-4">
				<div class="media">
					<div class="pull-left">
						<i class=" fa fa-fax fa-4x"></i>

					</div>
					<div class="media-body">
						<h3 class="media-heading">100% Free To Use</h3>
						<p>
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. 
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
						</p>

					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-4 col-sm-4">
				<div class="media">
					<div class="pull-left">
						<i class="fa fa-history fa-4x "></i>
					</div>
					<div class="media-body">
						<h3 class="media-heading">Easy To Customize</h3>
						<p>
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. 
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
						</p>

					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-4 col-sm-4">
				<div class="media">
					<div class="pull-left">
						<i class="fa fa-graduation-cap fa-4x  "></i>
					</div>
					<div class="media-body">
						<h3 class="media-heading">Free To Download</h3>
						<p>
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. 
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
						</p>

					</div>
				</div>
			</div>
		</div>
		<div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
		<div class="row ">
			<div class="col-lg-4 col-md-4 col-sm-4">
				<div class="media">
					<div class="pull-left">
						<i class=" fa fa-paper-plane-o fa-4x"></i>

					</div>
					<div class="media-body">
						<h3 class="media-heading">Easy To Understand</h3>
						<p>
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. 
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
						</p>

					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-4 col-sm-4">
				<div class="media">
					<div class="pull-left">
						<i class="fa fa-bullhorn fa-4x "></i>
					</div>
					<div class="media-body">
						<h3 class="media-heading">Jusr Light Weight</h3>
						<p>
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. 
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
						</p>

					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-4 col-sm-4">
				<div class="media">
					<div class="pull-left">
						<i class="fa fa-folder-open-o fa-4x  "></i>
					</div>
					<div class="media-body">
						<h3 class="media-heading">Only For You </h3>
						<p>
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. 
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
						</p>

					</div>
				</div>
			</div>
		</div>
		   </div>
		   </section>
 <!--ABOUT SECTION END-->
		   <hr/>
			<section id="services" >
   <div class="container">
	   <div class="row">
		   <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2  text-center">
		   <h2> SERVICES</h2>
			<p >
				   Lorem ipsumdolor sitamet, consect adipiscing elit
				   Lorem ipsumdolor sitamet, consect adipiscing elit.
				   Lorem ipsumdolor sitamet, consect adipiscing elit.
				   Lorem ipsumdolor sitamet, consect adipiscing elit.
				   Lorem ipsumdolor sitamet, consect adipiscing elit
				 
			   </p>
		   </div>
		   </div>
		   <div class="row ">
		  
			<div class="col-lg-6 col-md-6 col-sm-6">
				<div class="media">
					<div class="pull-left">
						<i class="fa fa-lock fa-4x "></i>
					</div>
					<div class="media-body">
						<h3 class="media-heading">Easy To Customize</h3>
						<p>
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. 
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
						</p>

					</div>
				</div>
			</div>
			<div class="col-lg-6 col-md-6 col-sm-6">
				<div class="media">
					<div class="pull-left">
						<i class="fa fa-quote-right fa-4x  "></i>
					</div>
					<div class="media-body">
						<h3 class="media-heading">Free To Download</h3>
						<p>
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. 
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
						</p>

					</div>
				</div>
			</div>
		</div>
		 <div class="row ">
		  
			<div class="col-lg-6 col-md-6 col-sm-6">
				<div class="media">
					<div class="pull-left">
						<i class="fa fa-road fa-4x "></i>
					</div>
					<div class="media-body">
						<h3 class="media-heading">Easy To Customize</h3>
						<p>
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. 
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
						</p>

					</div>
				</div>
			</div>
			<div class="col-lg-6 col-md-6 col-sm-6">
				<div class="media">
					<div class="pull-left">
						<i class="fa fa-retweet fa-4x  "></i>
					</div>
					<div class="media-body">
						<h3 class="media-heading">Free To Download</h3>
						<p>
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc. 
							Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
						</p>

					</div>
				</div>
			</div>
		</div>
		   </div>
		   </section>
 <!--SERVICES SECTION END-->
<hr />
			<section id="contact" >
			
   <div class="container">
	   <div class="row">
		   <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2  text-center">
		   <h2> CONTACT</h2>
			<p >
				   Lorem ipsumdolor sitamet, consect adipiscing elit
				   Lorem ipsumdolor sitamet, consect adipiscing elit.
				   Lorem ipsumdolor sitamet, consect adipiscing elit.
				   Lorem ipsumdolor sitamet, consect adipiscing elit.
				   Lorem ipsumdolor sitamet, consect adipiscing elit
				 
			   </p>
		   </div>
		   </div>

	</div>
</section>
<!--CONTACT SECTION END-->
<div class="footer">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></div>
			
<!-- CORE JQUERY  -->
<script src="assets/plugins/jquery-1.10.2.js"></script>
<!-- BOOTSTRAP SCRIPTS  -->
<script src="assets/plugins/bootstrap.js"></script>
 <!-- EASING SCROLL SCRIPTS PLUGIN  -->
<script src="assets/plugins/vegas/jquery.vegas.min.js"></script>
<!-- VEGAS SLIDESHOW SCRIPTS  -->
<script src="assets/plugins/jquery.easing.min.js"></script>
<!-- CUSTOM SCRIPTS  -->
<script src="assets/js/custom.js"></script>

</body>
</html>